<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../style/reset.css">
    <link rel="stylesheet" href="../style/pulic.css">
    <link rel="stylesheet" href="../style/1.css">
</head>
<body>
        <!-- 头导 开始 -->
        <div class="tool">
            <div class="w">
               <div class="tool_left">
                   <a href="">YOHO!BUY 有货</a>
               </div> 
               <div class="tool_info">
                   <i class="iconfont icon-iconcopy" ></i>
                   <a href="">关于防诈骗的重要提醒</a>
               </div>
               <ul>
                   <li>
                       <span>Hi~</span>
                       <a href="3.注册.html">[请注册]</a>
                       <a href="2.登录.html">[请登录]</a>
                    </li>
                    <li>
                        <span>|</span>
                        <a href="">MY有货</a>
                     </li>
                     <li>
                        <span>|</span>
                        <i class="iconfont icon-order"></i>
                        <a href="">我的订单</a>
                     </li>
                     <li>
                        <span>|</span>
                        <i class="iconfont icon-shoucang"></i>
                        <a href="">我的收藏</a>
                     </li>
                     <li>
                        <span>|</span>
                        <i class="iconfont icon-erji"></i>
                        <a href="">客服服务</a>
                     </li>
                     <li class="tool_li6">
                        <span>|</span>
                        <i class="iconfont icon-weixin"></i>
                        <a href="" style="color: green;">关注有货</a>
                     </li>
                     <li>
                        <span>|</span>
                        <i class="iconfont icon-shouji"  style="color: red;"></i>
                        <a href="" style="color: red;">手机版</a>
                     </li>
                     <li class="li_position">
                        <span>|</span>
                        <i class="iconfont icon-buycar"></i>
                        <a href="4.购物车.html">购物车</a>
                        <div class="ii">
                            <a href="4.购物车.html">
                                <i  class="iconfont icon-buycar" style="font-size: 60px;"></i>
                                <h3>您的购物车暂无商品</h3>
                            </a>
                            
                        </div>
                     </li>
               </ul>
            </div>
        </div> 
          <!-- 头部开始 -->
          <header>
            <div class="w"> 
                <ul class="k"></ul>
                <ul class="header_left">
                    <li>
                        <a href="">
                        <h5>男生</h5>
                        <h4>BOYS</h4>
                        </a>
                    </li>
                    <li>
                        <a href="">
                        <h5>女生</h5>
                        <h4>GRILS</h4>
                        </a>
                    </li>
                    <li>
                        <a href="">
                        <h5>潮童</h5>
                        <h4>KIDS</h4>
                        </a>
                    </li>
                    <li>
                        <a href="">
                        <h5>创意生活</h5>
                        <h4>LIFE STYLE</h4>  
                        </a>
                    </li>
                </ul>
    
                <ul class="header_right">
                 <div class="bar1">  
                 <form>  
                    <input type="text" placeholder="请输入您要搜索的内容...">  
                    <button type="submit"></button>  
                    </form> 
                    </div>  
                    <a href=""><i class="iconfont icon-buycar"> </i> </a>
                 <ul class="header_right2">
                    <li><a href="">卫衣</a></li>
                     <li><a href="">衬衫</a></li>
                      <li><a href="">牛仔裤</a></li>
                       <li><a href="">大衣</a></li>
                        <li><a href="">毛衣</a></li>
                    </ul>
                </ul>
        </div> 
        </header>
          <!-- 菜单 开始  -->
    <div class="nav">
        <div class="w">
            <ul>
                <li><a href="">新品到着</a></li>
                <li><a href="">新品到着</a></li>
                <li><a href="">新品到着</a></li>
                <li><a href="">新品到着</a></li>
                <li><a href="">新品到着</a></li>
                <li><a href="">新品到着</a></li>
                <li><a href="">新品到着</a></li>
                <li><a href="">新品到着</a></li>
                <li><a href="">新品到着</a></li>
            </ul>
        </div>
    </div>

    <div class="detail_box">
        <div class="w">
           <div class="pull_left cl">
                <div id="spic">
                    <img src="" alt="" id="smallpic">
                    <div id="sf"></div>
                </div>
                <div id="bf">
                    <img src="" alt="" id="bpic">
                </div>
                <div id="ulist">
                    <!-- <a href="javascript:;" id="left">&lt;</a> -->
                    <div id="list">
                        <ul>
    
                        </ul>
                    </div>
                    <!-- <a href="javascript:;" id="right">&gt;</a> -->
                </div>
           </div>
           <div class="dpull_right">
               <h1 class="name">
                <a class="loadtitle" href="##"></a>
               </h1>
               <div class="p-price">
                   <span>吊牌价：</span>
                   <strong>
                       <em>￥</em><i class="loadpcp"></i>
                    </strong>
                </div>
                <div class="vip">
                    <span style="float: left;">领劵：</span>
                    <a href="">满￥269减30</a>
                    <a href="">满￥500减150</a>
                </div>
                <div class="p-btn">
                    <span style="float: left;">数&nbsp;&nbsp;&nbsp;量:</span>
                    <input type="text" id="count" value="1" />
                    <a href="javascript:;">加入购物车</a>
                </div>
           </div>
        </div>
    </div>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="../script/jscookie.js"></script>
    <script src="../script/detail.js"></script>
</body>
</html>